<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>Button按钮</title>

<!-- Bootstrap -->
<link href="bootstrap.min.css" rel="stylesheet">
<style type="text/css">

</style>

</head>
<body>
    <div class="container">
        <a href="#" class="btn btn-default" role="button">link</a>
        <button class="btn btn-default" type="submit">提交</button>
        <input type="button" class="btn btn-default" value="按钮"/>
        <br/>
        <br/>
        <button type="button" class="btn btn-default">默认btn</button>
        <button type="button" class="btn btn-primary">首选btn</button>
        <button type="button" class="btn btn-success">成功btn</button>
        <button type="button" class="btn btn-info">信息btn</button>
        <button type="button" class="btn btn-warning">警告btn</button>
        <button type="button" class="btn btn-danger">危险btn</button>
        <br/>
        <br/>
        <!--按钮尺寸-->
        <button type="button" class="btn btn-default btn-lg">最大按钮</button>
        <button type="button" class="btn btn-default">默认按钮</button>
        <button type="button" class="btn btn-default btn-sm">小按钮</button>
        <button type="button" class="btn btn-default btn-xs">手机按钮</button>
        <br/>
        <br/>
        <!--块级按钮-->
        <button type="button" class="btn btn-primary btn-lg btn-block">块级按钮</button>
        <br/>
        <br/>
        <!--激活状态-->
        <button type="button" class="btn btn-success active">激活状态</button>
        <a href="#" class="btn btn-info btn-sm active" role="button">选中效果</a>
        <br/>
        <br/>
        <!--禁用状态-->
        <button type="button" class="btn btn-success" disabled>激活状态</button>
        <a href="#" class="btn btn-info btn-sm" role="button" disabled>选中效果</a>
    </div>
</body>
</html>